<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<title>SIS Premium 3</title>
	<link rel="stylesheet" href="css/newstyle.css" type="text/css" media="all" />
	<!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
	
	<!-- Start Slide Show-->
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/tm-slider.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style-newsticker.css" type="text/css" media="screen" />
    <link type="text/css" href="css/jquery-ui-1.8.18.custom.css" rel="stylesheet" />	
    <link rel="stylesheet" href="css/agoestri-menu.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
    <!--<link rel="stylesheet" type="text/css" href="css/preview.css"/>
	<link rel="stylesheet" type="text/css" href="css/wt-lightbox.css"/>
    <link rel="stylesheet" type="text/css" href="css/wt-scroller.css"/>    -->
    <!-- End Slide Show-->  	
	
	<!-- JS --> 
    <!--<script src="js/jquery-1.4.2.js" type="text/javascript"></script>-->
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script src="js/jquery.slideshow.js" type="text/javascript"></script> 
    <script src="js/script.js" type="text/javascript"></script>	
    <script src="js/dropdown.js" type="text/javascript"></script>
    <script src="js/custom-animation.js" type="text/javascript"></script>
    <script src="js/agoestri-menu.js" type="text/javascript"></script> 
    <script src="js/jquery.blend-min.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
    <script type="text/javascript" src="js/fancy.script.js"></script>
    <!--<script type="text/javascript" src="js/jquery.wt-lightbox.min.js"></script>
    <script type="text/javascript" src="js/jquery.wt-scroller.min.js"></script>
    <script type="text/javascript" src="js/preview.js"></script>-->  
    <!-- End JS -->

	<script src="js/jcarousellite_1.0.1c4.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
    <script type="text/javascript">
    $(function() {
        $(".newsticker").jCarouselLite({
            vertical: true,
            hoverPause:true,
            btnPrev: ".previous",
            btnNext: ".next",
            visible: 2,
            auto:3000,
            speed:500
        });
    });  
	</script>     
    
    <script type="text/javascript">
    $(function() {
        $(".newsticker-ino").jCarouselLite({
            vertical: true,
            hoverPause:true,
            btnPrev: ".previous",
            btnNext: ".next",
            visible: 2,
            auto:3000,
            speed:800
        });
    });  
	</script>   
		
	<script type="text/javascript">
		$(function(){

		// Accordion
		$("#accordion").accordion({ header: "h3" });
				
		//hover states on the static widgets
		$('#dialog_link, ul#icons li').hover(
			function() { $(this).addClass('ui-state-hover'); }, 
			function() { $(this).removeClass('ui-state-hover'); }
			);
				
		});
	</script>  
        
    <script>
		$(function(){
			$("ul.menu").agoestri_menu({
				currentId:0
				});
		}
		);
	</script>        
    
	<script>
		$(document).ready(function(){
			$("#support-online a").blend();
		});
	</script>   
        
    <script type="text/javascript">
        $(function() {
        var settings = { containerResizeSpeed: 350
            };
            $('#gallery a').lightBox(settings);
        });
    </script>               
	
</head>
<body>

  <!-- Header -->
	<div id="header">
	
  	<!-- Shell -->	
    <div class="shell">

  		<h1 class="h1-home"> 
        	<a id="blind" class="login" href="#">
			<div class="login">       	
            	<div class="log-menu ico-pass">MEMBER AREA SHS</div>
                <div class="log-menu ico-go">&nbsp;</div>
            </div>
			</a>
            
            <!-- form for login member -->
            <div id="login-boxouter">
            	<div id="login-box">
                    <div id="login-form">
                        <div class="h2">.: Login Form</div>
                            <form action="" method="post">
                                <label>Username: </label><input type="text" class="fieldbox boxstyle-15"/><br />
                                <label>Password: </label><input type="password" class="fieldbox boxstyle-15"  /><br />
                                <label>Login as: </label><select class="fieldbox boxstyle-15">
                                    <option value="Siswa">Siswa</option>
                                    <option value="Guru">Guru</option>
                                </select><br />
                                <div class="cl">&nbsp;</div>
                                <input type="submit" class="login-submit" value="Login" />
                                <div class="cl">&nbsp;</div>
                                <div class="login-opt"><a href="#">Lupa Password ?</a></div>                        
                            </form>
                    </div>
                </div>
            </div>
            <!-- end form for login member -->
            
            <!-- form after login member -->
            <!--<div id="login-boxouter">
            	<div id="login-box">
                    <div id="login-form">
                        <div class="h2 ico-alumni">Selamat Datang, <u>Cak Surono</u></div>
                        <div id="login-info">
						<div class="cols">
                        	<div class="col6">
                            	<img src="images/foto-siswa.jpg" />
                            </div>
                            
                        	<div class="col7">
                                <div class="h2-info idcolor">00-88-2564</div>
                                <div class="h2-info">Cak Surono Cokrodiningrat</div>
                                <div class="h2-info">XII IPA</div>
                            </div>                            
                        </div>
                        <div class="cl-10">&nbsp;</div>
                        <div class="id-opt"><a class="link-5" href="#">Menu Utama</a></div>
                        <span>&nbsp;</span>
                        <div class="id-opt"><a class="link-5" href="#">Logout</a></div>                          
                        </div>
                    </div>
                </div>
            </div>-->
            <!-- end form after login member -->            
                              
            <a id="logo" href="./index.html">  
            	<center>                     
            	<!-- Sistem informasi sma -->
                <img class="logo-src" src="images/logo-smasaba.png" />
                <p>SMA PIRI 1 YOGYAKARTA</p><br />
                <p class="motto">Mencetak SDM yang berkualitas dan bertaqwa</p>
                </center>
           	</a>
        </h1>
  		
		<div class="right-part">
			<form  id="search" action="" method="post">
				<div class="bg">
					<input type="submit" class="submit" value="">
					<input type="text" class="input">
				</div>
  			</form>
       
			<div id="header-nav"> <a href="#">Maps</a> | <a href="#">Peta Situs</a> | <a href="#">Support Online</a> | <a href="#">Kontak</a> </div>  			
  		</div>
  		
        <div class="cl">&nbsp;</div>
		<div class="show">
			<div class="playPauseExample slideShow">
				<ul class="slides">
					<li class="slide"><img src="images/img_1.jpg" alt="" width="960" height="381" /><div class="text">Premier <strong class="size_26">HR services</strong> <span class="size_30">devoted to your interests</span></div></li>
					<li class="slide"><img src="images/img_2.jpg" alt="" width="960" height="381" /><div class="text">Customized <span class="size_30">solutions to HR problems</span></div></li>
					<li class="slide"><img src="images/img_3.jpg" alt="" width="960" height="381" /><div class="text">Providing quality, <span class="size_24">value adding HR solutions to businesses</span></div></li>

					<li class="slide"><img src="images/img_4.jpg" alt="" width="960" height="381" /><div class="text">Expert advice <strong class="size_30">on</strong> <span class="size_26">complex human resources issues</span></div></li>
				</ul>
                        
				<!-- Navigation -->                           
				<div id="navigation">
				<ul class="menu" style="visibility:hidden;">
					<li class="separator-0">
						<div class="menu-icon ico-home">&nbsp;</div>
						<div class="menu-title">
						<a href="./index.html">
							<span class="text-1">Depan</span><br /><span>Halaman muka</span>
						</a>
						</div>
					</li>
					<li class="separator">
						<div class="menu-icon ico-profil">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Profil</span><br /><span>Sejarah dan profil</span>
						</div>        
						<ul>
							<li><a href="#">Sejarah</a></li>
							<li><a href="#">Visi & Misi</a></li>
							<li><a href="#">Struktur Tata Kerja</a></li>
							<li><a href="#">Fasilitas</a></li>
							<li><a href="#">Profil Guru</a></li>
						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-akademik">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Akademik</span><br /><span>Program dan kalender</span>
						</div>        
						<ul>
							<li>Kalender Pendidikan
								<ul>
									<li><a href="#">Semester 1</a></li>
									<li><a href="#">Semester 2</a></li>
								</ul>
							</li>
							<li><a href="#">Program Kurikulum</a></li>

						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-kesiswaan">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Kesiswaan</span><br /><span>Informasi kesiswaan</span>
						</div>        
						<ul>
							<li><a href="#">Program Kesiswaan</a></li>
							<li><a href="#">Prestasi Siswa</a></li>
							<li><a href="#">Ekstrakurikuler</a></li>
						</ul>
					</li>
					<li class="separator">
						<div class="menu-icon ico-arsip">&nbsp;</div>
						<div class="menu-title">
							<span class="text-1">Info Sekolah</span><br /><span>Arsip Kegiatan Sekolah</span>
						</div>  
						<ul>
							<li><a href="./archive_gallery.html">Galeri Foto</a></li>
							<li><a href="./archive_berita.html">Berita Sekolah</a></li>
							<li><a href="./archive_info.html">Informasi / Pengumuman</a></li>
						</ul>                  
					</li>
					<li class="separator-1">
						<div class="menu-icon ico-hubungikami">&nbsp;</div>
						<div class="menu-title">
						<a href="./contactus.html">
							<span class="text-1">Hubungi Kami</span><br />
							<span>Informasi dan kontak</span>
						</a>
						</div>        
					</li>        
				</ul>    
				</div>
				<!-- End Navigation --> 	                        
						
				<div class="wrapper">                                                   
					<ul class="navigation">
						<li><a href="#" class="togglePlayback">stop</a></li>
						<li><a href="#" class="page">&nbsp;</a></li>
						<li><a href="#" class="page">&nbsp;</a></li>
						<li><a href="#" class="page">&nbsp;</a></li>
						<li><a href="#" class="page">&nbsp;</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- End Header -->
	</div>

	<!-- Shell -->	
	<div class="shell">
	
	<!-- Side Full -->
	<div class="side-full">
		
		<!-- Text Cols -->
		<div class="cols">
			<div class="cl">&nbsp;</div>
			<div class="col5">
    			<div class="box">
    				<h2 class="title-box"><strong>Berita Terbaru</strong> <span></span></h2>
    				<div class="box-content box-center">
                    <div class="box-center-top">
                    	<div id="news">
							<div class="topnews">
                            	<div class="colum"><img src="images/img-headline.png" /></div>
                                <div class="colum">
                                	<a href="#">Career Days Hari Ke-3, Membakar Semangat dengan Motivasi Diri</a>
                                    <div class="date ndate">:: Nov 18 2010 03:20PM</div>
                                    Dalam rangka membahas kunjungan dari Seong Deok Middle School pada Bulan Januari 2010 nanti, STMIK Amikom mendapat kunjungan dari Kepala… 
                                    <div class="nmore"><a href="#">selanjutnya...</a></div>
                                </div>
                            </div>
                            
                            <div class="page">
                                <span class="nav"><a href="#"> prev </a></span>
                                <span><a class="act" href="#">1</a></span>
                                <span><a href="#">2</a></span>
                                <span><a href="#">3</a></span>
                                <span><a href="#">4</a></span>
                                <span><a href="#">5</a></span>   
                                <span><a href="#">6</a></span>
                                <span><a href="#">7</a></span>
                                <span><a href="#">8</a></span>
                                <span><a href="#">9</a></span>  
                                <span><a href="#">10</a></span>                                                                    
                                <span class="nav"><a href="#"> next </a></span>
                            </div>
                            
                            <div class="cl">&nbsp;</div>
                            
                            <div class="nlist">
                            	<ul>
                                	<li>
                                    	<div class="date bul"> 02 November 2010</div>
                                        <div class="ncoll">
                                        <div class="ncol1"><a href="#">Pesan Gelap: Merapi akan Bumi Hanguskan Yogyakarta</a></div>
                                        </div>
                                    </li>
                                    
                                	<li>
                                    	<div class="date bul"> 02 November 2010</div>
                                        <div class="ncoll">
                                        <div class="ncol1"><a href="#">Pentas seni Alun-alun Lor kota Yogyakarta</a></div>
                                        </div>
                                    </li>
                                    
                                	<li>
                                    	<div class="date bul"> 01 November 2010</div>
                                        <div class="ncoll">
                                        <div class="ncol1"><a href="#">Pengumuman AMIKOM ICT Awards 2010</a></div>
                                        </div>
                                    </li>
                                    
                                	<li>
                                    	<div class="date bul"> 01 November 2010</div>
                                        <div class="ncoll">
                                        <div class="ncol1"><a href="#">Pengumuman AMIKOM ICT Awards 2010</a></div>
                                        </div>
                                    </li>                                    
                                                                        
                                </ul>
                            </div>
                        </div>
                    </div>
                       
                    <div class="box-center-bot"><a class="icon" href="#">Arsip Berita Sekolah >></a></div>
                                       
    				</div>
    			</div>
			</div>
            
			<div class="col4">
			    <div class="box">
    				<h2 class="title-box"><strong>Info Sekolah</strong><span></span></h2>
    				<div class="box-content box-center">
                    <div class="box-center-top">
    				
						<div>
							<div class="date bul"> 03 November 2010</div>
							<div class="headline"><a href="#"> Beasiswa Korban Merapi</a></div>
						</div>
						<div class="cl-8">&nbsp;</div>
						
						<div>
							<div class="date bul"> 02 November 2010</div>
							<div class="headline"><a href="#"> Revisi Jadwal Test Programmer IC</a></div>
						</div>
						<div class="cl-8">&nbsp;</div>
										
						<div>
							<div class="date bul"> 02 November 2010</div>
							<div class="headline"><a href="#"> Ujian Teengah Semester Ganjil T.A.2010/2012</a></div>
						</div>
						<div class="cl-8">&nbsp;</div>
										
						<div>
							<div class="date bul"> 01 November 2010</div>
							<div class="headline"><a href="#"> Info Pelepasan Wisuda</a></div>
						</div>
						<div class="cl-8">&nbsp;</div>
										
						<div>
							<div class="date bul"> 30 Oktober 2010</div>
							<div class="headline"><a href="#"> Info Libur Idul Adha 1431H</a></div>
						</div>
						<div class="cl-8">&nbsp;</div>
										
						<div>
							<div class="date bul"> 28 Oktober 2010</div>
							<div class="headline"><a href="#"> Info Libur Perkuliahan</a></div>
						</div>
						<div class="cl-8">&nbsp;</div>
										
						<div>
							<div class="date bul"> 25 Oktober</div>
							<div class="headline"><a href="#"> AMIKOM Jalan Sehat 2010</a></div>
						</div>    
						<div class="cl-8">&nbsp;</div>
						
						<div>
							<div class="date bul"> 25 Oktober</div>
							<div class="headline"><a href="#"> AMIKOM Jalan Sehat 2010</a></div>
						</div>    
						<div class="cl-8">&nbsp;</div>                
                                
					</div>
					
					<div class="box-center-bot"><a class="icon" href="#">Arsip Info Sekolah</a></div>				
					</div>
    			</div>
			</div>
			
			<div class="col4 col-last">
				<div class="box">
    				<h2 class="title-box"><strong>Agenda Sekolah</strong> <span></span></h2>
    				<div class="box-content  box-center">
                    	<div class="box-center-top">
							<div id="box-agenda">
                            	<table>
                                <tbody>
                                	<tr id="cday" class="day-col">
                                    	<td class="day">Mg</td>
                                        <td class="day">Sn</td>
                                        <td class="day">Sl</td>
                                        <td class="day">Rb</td>
                                        <td class="day">Km</td>
                                        <td class="day">Jm</td>
                                        <td class="day">Sb</td>
                                    </tr>
                                	<tr id="week1">
                                    	<td class="free"><a href="#">&nbsp;</td>
                                        <td class="free"><a href="#">&nbsp;</td>
                                        <td class="reguler"><a href="#">1</a></td>
                                        <td class="reguler"><a href="#">2</a></td>
                                        <td class="reguler"><a href="#">3</a></td>
                                        <td class="reguler"><a href="#">4</a></td>
                                        <td class="reguler"><a href="#">5</a></td>
                                    </tr>
                                	<tr id="week2">
                                    	<td class="reguler"><a href="#">6</a></td>
                                        <td class="reguler"><a href="#">7</a></td>
                                        <td class="reguler"><a href="#">8</a></td>
                                        <td class="reguler"><a href="#">9</a></td>
                                        <td class="reguler"><a href="#">10</a></td>
                                        <td class="reguler"><a href="#">11</a></td>
                                        <td class="reguler"><a href="#">12</a></td>
                                    </tr>
                                	<tr id="week3">
                                    	<td class="reguler"><a href="#">13</td>
                                        <td class="reguler"><a href="#">14</a></td>
                                        <td class="reguler"><a href="#">15</a></td>
                                        <td class="reguler"><a href="#">16</a></td>
                                        <td class="reguler"><a href="#">17</a></td>
                                        <td class="reguler"><a href="#">19</a></td>
                                        <td class="reguler"><a href="#">20</a></td>
                                    </tr>
                                	<tr id="week4">
                                    	<td class="today"><a href="#">21</a></td>
                                        <td class="reguler"><a href="#">22</a></td>
                                        <td class="reguler"><a href="#">23</a></td>
                                        <td class="reguler"><a href="#">24</a></td>
                                        <td class="reguler"><a href="#">25</a></td>
                                        <td class="reguler"><a href="#">26</a></td>
                                        <td class="reguler"><a href="#">27</a></td>
                                    </tr>
                                	<tr id="week5">
                                    	<td class="reguler"><a href="#">28</td>
                                        <td class="reguler"><a href="#">29</a></td>
                                        <td class="reguler"><a href="#">30</a></td>
                                        <td class="reguler"><a href="#">31</a></td>
                                        <td class="free">&nbsp;</td>
                                        <td class="free">&nbsp;</td>
                                        <td class="free">&nbsp;</td>
                                    </tr>
                                    <tr>
                                    	<td class="navi" colspan="7"> :: Maret 2012 :: </td>
                                    </tr>
                                </tbody>
                                </table>
                            </div>   
                            <div class="cl">&nbsp;</div>
                            
                            <div id="des-agenda">
                            	<p>:: Daftar Agenda</p>                                   
                                <div id="AccordionContainer" class="AccordionContainer">
                                
									<div onclick="runAccordion(1);">
										<div class="AccordionTitle" onselectstart="return false;">
											<p class="bul plist" ><a class="show_hide">Kegiatan KBM normal</a></p>
										</div>
									</div>
									<div id="Accordion1Content" class="AccordionContent">
										<ul class="plist">
											<li class="ico-date">01-05 Maret 2012</li>
											<li class="ico-date">07-12 Maret 2012</li>
											<li class="ico-date">14-20 Maret 2012</li>
											<li class="ico-date">22-27 Maret 2012</li>
											<li class="ico-date">29-31 Maret 2012</li>
										</ul>
									</div>
									
									<div onclick="runAccordion(2);">
										<div class="AccordionTitle" onselectstart="return false;">
											<p class="bul plist" ><a class="show_hide">Kegiatan Administrasi Siswa</a></p>
										</div>
									</div>
									
									<div id="Accordion2Content" class="AccordionContent">
										<ul class="plist">
											<li class="ico-date">07 Maret 2012</li>
										</ul>
									</div>
									
									<div onclick="runAccordion(3);">
										<div class="AccordionTitle" onselectstart="return false;">
											<p class="bul plist" ><a class="show_hide">Ujian Tengah Semester dan Semester</a></p>
										</div>
									</div>
									
									<div id="Accordion3Content" class="AccordionContent">
										<ul class="plist">
											<li class="ico-date">07-16 Maret 2012</li>
										</ul>
									</div>
									
									<div onclick="runAccordion(4);">
										<div class="AccordionTitle" onselectstart="return false;">
											<p class="bul plist" ><a class="show_hide">Hari Tenang Ujian</a></p>
										</div>
									</div>
									
									<div id="Accordion4Content" class="AccordionContent">
										<ul class="plist">
											<li class="ico-date">25 Maret 2012</li>
										</ul>
									</div>
                                </div>                                                                                                      
                            </div>                     
                        </div>
                        <div class="box-center-bot"><a class="icon" href="#">Arsip Agenda Sekolah</a></div>
    				</div>
    			</div>
			</div>
			<div class="cl">&nbsp;</div>
		</div>
		<!-- End Text Cols -->
		
		<!-- Text Cols -->
		<div class="cols">
			<div class="cl">&nbsp;</div>
			<div class="col2">
    			<div class="box">
    				<h2 class="title-box"><strong>Beranda Sekolah</strong> <span></span></h2>
    				<div class="box-content box-center-topin">
                    	<div class="box-col">
                        	<div class="adbox bg-url1"><span>Ekstrakurikuler ::</span></div>
                            <div class="inbox">
                            	<div class="list">
								<ul>
                                	<li>
										<a class="linkfak" href="#">
											<table>
											<tbody>
												<tr>
													<td class="tbull">::</td>
													<td>
														<p class="title">Libur Idul Fitri 1432H</p>
														<p class="desc-fak">Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout</p>
													</td>
												</tr>                                                                                                                                
											</tbody>
											</table>	
										</a>
                                    </li>     
                                    
                                	<li>
										<a class="linkfak" href="#">
											<table>
											<tbody>
												<tr>
													<td class="tbull">::</td>
													<td>
														<p class="title">Libur Idul Fitri 1432H</p>
														<p class="desc-fak">Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout</p>
													</td>
												</tr>                                                                                                                                
											</tbody>
											</table>	
										</a>
                                    </li>
                                    
                                	<li>
										<a class="linkfak" href="#">
											<table>
											<tbody>
												<tr>
													<td class="tbull">::</td>
													<td>
														<p class="title">Libur Idul Fitri 1432H</p>
														<p class="desc-fak">Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken van de layout</p>
													</td>
												</tr>                                                                                                                                
											</tbody>
											</table>	
										</a>
                                    </li>                                                                      
                                </ul>                             
								</div>
                            <div class="box-center-bot"><a class="icon" href="#">Arsip Info Ekskul</a></div>  
                            </div>  
                        </div>
                        
                    	<div class="box-col">
                        	<div class="adbox bg-url2"><span>E-Learning ::</span></div>
                            <div class="inbox">
                            	<div class="list">
								<ul>
                                	<li><a class="linklearn" href="#">                                 
	                                    <p class="title2">Materi Dasar Pemrograman C ++</p>
                                        <p class="dosen">Drs. xxxxx <span class="right">Matematika</span></p>
                                        <div class="dbox">
                                        	<img class="thumbs" src="css/images/elearning_icon_up.png" />
                                        	<p class="desc-fak">Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken.</p>
                                        </div>
                                        </a>
                                    </li>
                                	<li><a class="linklearn" href="#">                                 
	                                    <p class="title2">Materi Dasar Pemrograman C ++</p>
                                        <p class="dosen">Drs. xxxxx <span class="right">Matematika</span></p>
                                        <div class="dbox">
                                        	<img class="thumbs" src="css/images/elearning_icon_up.png" />
                                        	<p class="desc-fak">Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken.</p>
                                        </div>
                                        </a>
                                    </li>
                                	<li><a class="linklearn" href="#">                                 
	                                    <p class="title2">Materi Dasar Pemrograman C ++</p>
                                        <p class="dosen">Drs. xxxxx <span class="right">Matematika</span></p>
                                        <div class="dbox">
                                        	<img class="thumbs" src="css/images/elearning_icon_up.png" />
                                        	<p class="desc-fak">Het is al geruime tijd een bekend gegeven dat een lezer, tijdens het bekijken.</p>
                                        </div>
                                        </a>
                                    </li>      
                                </ul>                           
								</div>
                            <div class="box-center-bot"><a class="icon" href="#">Arsip E-learning</a></div>    
                            </div>
                        </div>
                        
                    	<div class="box-col">
                        	<div class="adbox bg-url3"><span>Gallery Sekolah ::</span></div>
                            <div class="inbox">
                            	<div class="list">
								<ul>
                                	<li>
										<a class="linkbea kitbox" href="#">
											<table>
											<tbody>
												<tr>
													<td class="timage">
														<img src="images/img-headline.png" />
													</td>
													<td class="tglr">
														<p>20/11/2011</p>
														<p class="title">Lomba LKS Se-Jogjakarta 2011</p>
													</td>
												</tr>                                                                                                                                
											</tbody>
											</table>	
										</a>                                    
                                    </li>       

                                	<li>
										<a class="linkbea kitbox" href="#">
											<table>
											<tbody>
												<tr>
													<td class="timage">
														<img src="images/img-headline.png" />
													</td>
													<td class="tglr">
														<p>20/11/2011</p>
														<p class="title">Lomba LKS Se-Jogjakarta 2011</p>
													</td>
												</tr>                                                                                                                                
											</tbody>
											</table>	
										</a>                                    
                                    </li> 
                                    
                                	<li>
										<a class="linkbea kitbox" href="#">
											<table>
											<tbody>
												<tr>
													<td class="timage">
														<img src="images/img-headline.png" />
													</td>
													<td class="tglr">
														<p>20/11/2011</p>
														<p class="title">Lomba LKS Se-Jogjakarta 2011</p>
													</td>
												</tr>                                                                                                                                
											</tbody>
											</table>	
										</a>                                    
                                    </li>                                                               
                                </ul>                               
								</div>
                            <div class="box-center-bot"><a class="icon" href="#">Arsip Gallery Sekolah</a></div> 
                            </div>
                        </div>                                              
    				</div>
    			</div>
			</div>
            
			<div class="col4 col-last">
				<div class="box box-half-1">
					<div class="box-content box-center">    
                    <div class="cl-3">&nbsp;</div>              
					<!-- banner widget -->
					<div class="box-side">
						<div class="box-widget">
                            <div class="box-widget">
                                <img src="css/images/news-arrow-previous.png" class="previous" />
                                <div class="newsticker box-banner-space">
                                    <ul>
										<li>
											<p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-1.jpg" /></a>
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-2.jpg" /></a>
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-3.jpg" /></a>
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-4.png" /></a>
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-5.jpg" /></a>
                                            </p>
                                        </li>
                                    </ul>
                                 </div>
                                 <img src="css/images/news-arrow.png" class="next" />						                                       
                            </div>                             
						</div>  
					</div>
					<!-- End banner widget -->                     
    				</div>
    			</div>	
                            
				<div class="box box-half-2">
    				<div class="box-content box-center">  
                    <div class="cl-3">&nbsp;</div>                  
					<!-- banner widget -->
					<div class="box-side">
						<div class="box-widget">
                            <div class="box-widget">
                                <img src="css/images/news-arrow-previous.png" class="previous" />
                                <div class="newsticker box-banner-space">
                                    <ul>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-1.jpg" /></a>
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-2.jpg" /></a>
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-3.jpg" /></a>
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-4.png" /></a>
                                            </p>
                                        </li>
                                        <li>
                                            <p>
                                                <a href="#"><img class="img-banner-small-1" src="images/web-banner-5.jpg" /></a>
                                            </p>
                                        </li>
                                    </ul>
                                </div>
                                <img src="css/images/news-arrow.png" class="next" />	                                                    
							</div>                             
						</div>  
					</div>
					<!-- End banner widget -->  
    				</div>
    			</div>			
			</div>            
			<div class="cl">&nbsp;</div>
		</div>
		<!-- End Text Cols -->		
        
		<!-- advertise bottom -->
		<div class="cols">
			<div class="advbott"><a href="#"><img class="box-img" src="images/sma-banner.png" alt="" /></a></div>
		</div>
		<!-- end -->        
		
	</div>
	<!-- End Side Full -->

	</div>	
	<!-- End Shell -->

	<div id="div-footer">
		<!-- shell footer -->
		<div class="shell">
			<!-- Footer -->
			<div id="footer">
				<div class="left">
				<p>&nbsp;</p>
				<p>&nbsp;</p>
				<p>
					<a href="#">Map</a>
					<span>|</span>
					<a href="#">Peta Situs</a>
					<span>|</span>
					<a href="#">Support Online</a>
					<span>|</span>
					<a href="#">Kontak</a>                
				</p>
				<p>&nbsp;</p>                
				<p>&copy; 2012 <a href="http://inolabs.net" target="_blank" title="inolabs">SMA PIRI 1 YOGYAKARTA</a>. All right reserved.</p>
				<p>SHS Developed by <a href="http://inolabs.net" target="_blank" title="inolabs">Inolabs - Creative Web Solutions</a></p>
				</div>
				
				<div class="right">
					<p>&nbsp;</p>
					<p style="font-size:15px;"><strong>SMA PIRI 1 Yogykarta</strong></p>
					<p>&nbsp;</p>                
					<p>Jl. Kemuning 14 Baciro Yogyakarta</p>
					<p>Telp    : 0274 - 516987</p>
					<p>E-mail : smapiri1@yahoo.com</p>
				</div>
			</div>
			<!-- End Footer -->
		</div>	
		<!-- End Shell -->
	</div>
	
</body>
</html>
